import {Component} from "@angular/core";
import {HeaderComponent} from "./header.component";
import {BodyComponent} from "./body.component";
import {FooterComponent} from "./footer.component";
// <h1>hello angularJs2</h1>
// <button (click)="demo()">click</button>

@Component({
    selector: 'my-app',
    template: `
            <my-header>init header...</my-header>
            <br/>
            <my-body>init body...</my-body>
            <br/>
            <my-footer>init footer...</my-footer>
                `,
    directives:[HeaderComponent, BodyComponent, FooterComponent]

})
export class AppComponent {
    demo():void {
        console.log("button click...");
    }

}
